import React, { Component } from 'react'
import styles from "./homePage.less"
import Icon from "../../components/icon/Icon"
// import Header from './components/Header'
import { connect } from "react-redux"
import musicList from '../../store/musicList/musicList'
import SongListRecommend from './components/SongListRecommend'
import NewSongRecommend from './components/NewSongRecommend'
import RankingList from './components/RankingList'
import MvRecommend from './components/MvRecommend'

@connect(
  (state) => ({
    PayingMusic: state.PayingMusic,
    musicList: state.musicList
  })
)
export default class HomePage extends Component {
  render() {
    const {PayingMusic, musicList = []} = this.props
    return (
      <div className={styles.home}>
        <SongListRecommend/>
        <NewSongRecommend/>
        <RankingList/>
        <MvRecommend/>
      </div>
    )
  }
}
